.withdrawPage { padding: 0 1px 0.8rem 1px; width: calc((100%) / 2); overflow-y: auto; overflow-x: hidden; :global(.adm-list-item) { padding-left: 0 !important; } :global(.adm-list-default .adm-list-body) { border: none !important; } :global(.adm-list-item-content-main) { padding: 0.08rem 0; display: flex; align-items: center; } :global(.adm-form-item-feedback-error) { font-size: 0.1rem; } :global(.adm-form-item-required-asterisk) { display: none; } :global(.adm-list-item-content) { border: none !important; } :global(.adm-list-item-content-prefix) { width: auto !important; label { display: flex; align-items: center; justify-content: center; color: #fff !important; } } :global(.adm-form-item-label) { color: #768d95; font-size: 0.15rem; margin-bottom: 0 !important; margin-right: 10px; } :global(.adm-input-element) { line-height: 1; } :global(.adm-list-item-content-extra) { height: 0.36rem; } .extraPart { font-size: 0.12rem; display: flex; align-items: center; } .amountInput { ::placeholder { font-size: 0.16rem; color: #768d95; } } ::placeholder { color: #37434c !important; font-size: 0.12rem; } } .amontForm { background-color: #1f2830; border-radius: 0.15rem; } .withdrawTitle { display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px solid #3b4852; .withdrawTitleText { padding: 0.05rem 0; margin-right: 0.1rem; position: relative; &::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; border-bottom: 1px solid #11de68; } } } .quick { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0.1rem; } .buttonItem { background-color: #1f2830; border-radius: 0.1rem; padding: 0.02rem 0; text-align: center; border: 1px solid #1f2830; font-size: 0.1rem; position: relative; overflow: hidden; &.active { border: 1px solid #11de68; font-weight: 700; color: #11de68; .checked { display: block; } &:before { content: "\e69e"; position: absolute; right: 0.02rem; bottom: -0.01rem; color: #1f2830; font-size: 0.1rem; z-index: 2; width: 0.1rem; transform: scale(0.7); } &:after { content: ""; width: 0.4rem; height: 0.4rem; position: absolute; right: -0.24rem; bottom: -0.24rem; background-color: #11de68; transform: rotate(45deg); z-index: 1; } } } .todos { height: 100%; background-color: #11de68; border-radius: 0.1rem; display: flex; align-items: center; justify-content: center; padding: 0 0.15rem; font-weight: 700; color: #37434c; } .line { height: 1px; background-color: #3b4852; margin: 0.2rem 0; } .channelText { display: flex; align-items: center; margin-bottom: 0.1rem; } .swiperContainer { border-bottom: 1px solid #3b4852; padding-bottom: 0.1rem; } .btns { display: flex; flex-direction: column; padding-top: 0.2rem; .btn { margin: 0.1rem 0; height: 0.45rem; border-radius: 0.1rem; outline: none; border: none; font-size: 0.16rem; font-weight: bold; &:nth-child(1) { background-color: #11de68; color: #000; } &:nth-child(2) { background-color: #393d47; color: #fff; } } } .accountNo { &::before { content: "+55"; margin-right: 0.1rem; } } .ModalBox, .gameModal { :global(.mask-box) { background: #1f2830; color: #fff; } }